    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>STW OnLine</title>
        <link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}demo.css" />
        <link type="text/css" href="{{ MEDIA_URL }}css/bottom.css" rel="stylesheet" />
            <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery2.js"></script>
            <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.pikachoose.js"></script>
            <script language="javascript">
                $(document).ready(
                    function (){
                        $("#pikame").PikaChoose({carousel:true});
                    });
            </script>
    </head>
    <body>
        <div id="principal">
            <!-- Inicio Topo -->
            <div id="top">
                <div id="logo"> <a href="{% url fiduciam.views.homepage %}"><img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/></a>
                </div>
                <div id="imenu">
                    <div id="items">
                        <!-- Inicio menu -->
                        <div id="menuLinks">
                            <p class="menu"> <a href="{% url fiduciam.views.homepage %}">Home</a>   |  <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |  <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |  <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |  <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |  <a href="{% url fiduciam.views.contato %}">Contato</a></p>
                        </div>
                        <div id="effects">
                        </div>
                        <!-- Fim Menu -->
                    </div>
                </div>
                <div id="fimTop">
                    <img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
                </div>
            </div><!-- Topo -->
            <!-- Fim topo  -->
            <!-- Inicio Capa -->
            <!-- capa -->
            <!-- Noticia -->
            <div id="container">
                <div id="conteudo">
                    <div id="esqInternas">
                        <h1 class="Noticias"> Notícias </h1>
                        <div id="ConteudoNoticia">
                            <div id="NoticiaPrincipal">
                                <!-- JQ	uery Noticias -->
                                <div class="pikachoose">
                                    {% for noticias in noticias|slice:"0:3" %}
                                    {% if noticias.publicar %}
                                    <ul id="pikame" class="jcarousel-skin-pika">
                                        <li>
                                            <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">
                                                <img width="642" src="/media/{{ noticias.imagem_destaque }}"/>
                                            </a>
                                            <span>{{ noticias.subtitulo }}</span>
                                        </li>
                                    {% endif %}
                                    {% endfor %}
                                    </ul>
                                </div>
                                <!-- Fim JQuery Noticias -->
                            </div>
                        </div>
                        <div id="containerNoticia">
                            {% for noticias in noticias|slice:"3:4" %}
                            {% if noticias.publicar %}
                            <div id="Box1Noticia">
                                <div id="noticiaheader">
                                    <div class="ti" id="tituloBoxNoticia"><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></div>
                                </div>
                                <div id="ImagemNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}" ><img src="/media/{{ noticias.imagem_destaque }}" width="330" height="252" alt="{{ noticias.titulo }}" /></a>
                                </div>
                                <div id="DescricaoNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><p >{{ noticias.conteudo|safe }}</p></a>
                                </div>
                                {% endif %}
                                {% endfor %}
                            </div>
                            {% for noticias in noticias|slice:"4:5" %}
                            {% if noticias.publicar %}
                            <div id="Box2Noticia">
                                <div id="noticiaheader">
                                    <div class="ti" id="tituloBoxNoticia"><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></div>
                                </div>
                                <div id="ImagemNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><img src="/media/{{ noticias.imagem_destaque }}" width="330" height="252" alt="{{ noticias.titulo }}" /></a>
                                </div>
                                <div id="DescricaoNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><p>{{ noticias.conteudo|safe }}</p></a>
                                </div>
                            </div>
                            {% endif %}
                            {% endfor %}
                            {% for noticias in noticias|slice:"5:6" %}
                            {% if noticias.publicar %}
                            <div id="Box3Noticia">
                                <div id="noticiaheader2">
                                    <div class="ti" id="tituloBoxNoticia"><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></div>
                                </div>
                                <div id="ImagemNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><img src="/media/{{ noticias.imagem_destaque }}" width="330" height="252" alt="{{ noticias.titulo }}" /></a>
                                </div>
                                <div id="DescricaoNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><p>{{ noticias.conteudo|safe }}</p></a>
                                </div>
                            </div>
                            {% endif %}
                            {% endfor %}
                            {% for noticias in noticias|slice:"6:7" %}
                            {% if noticias.publicar %}
                            <div id="Box4Noticia">
                                <div id="noticiaheader2">
                                    <div class="ti" id="tituloBoxNoticia"><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></div>
                                </div>
                                <div id="ImagemNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><img src="/media/{{ noticias.imagem_destaque }}" width="330" height="252" alt="{{ noticias.titulo }}" /></a>
                                </div>
                                <div id="DescricaoNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><p>{{ noticias.conteudo|safe }}</p></a>
                                </div>
                            </div>
                            {% endif %}
                            {% endfor %}
                            <div id="pages"><p>1 <a href="#">2</a> <a href="#">3</a></p></div>
                        </div>


                            </div>
                 <div id="sidebar2">
                        </div>

                </div>


            {% include "footer.html" %}
